import { Dropdown, Space } from "antd";
import type { MenuProps } from "antd";
import { DownOutlined } from "@ant-design/icons";

const items: MenuProps["items"] = [
  {
    key: "1",
    label: <span>超级OA办公系统</span>,
  },
  {
    key: "2",
    label: <span>超级OA办公系统</span>,
  },
  {
    key: "3",
    label: <span>超级OA办公系统</span>,
  },
];

export const Nav = () => {
  return (
    <div className="nav">
      <div className="nav-line">|</div>
      <div>
        <Dropdown menu={{ items }}>
          <a style={{ color: "#3D3D3D" }} onClick={(e) => e.preventDefault()}>
            <Space>
              超级OA办公系统
              <DownOutlined />
            </Space>
          </a>
        </Dropdown>
      </div>
      <div className="nav-menu">
        <div>概况</div>
        <div>研发工具</div>
        <div className="active">平台服务</div>
        <div>用户增长</div>
        <div>工具箱</div>
      </div>
    </div>
  );
};
